<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="nav.css" rel="stylesheet" />
<script src="../jquery.js"></script>
<script type="text/javascript" src="tab.js"></script>
 
</head>

<body>


<div style="margin-bottom: 9px;" class="tabbable">
        <ul class="nav nav-tabs">
          <li class=""><a data-toggle="tab" href="#1">单元 1</a></li>
          <li class=""><a data-toggle="tab" href="#2">单元 2</a></li>
          <li class="active"><a data-toggle="tab" href="#3">单元 3</a></li>
        </ul>
        <div class="tab-content">
          <div id="1" class="tab-pane">
            <p>我在单元1里面</p>
          </div>
          <div id="2" class="tab-pane">
            <p>老弟，我住在2单元</p>
          </div>
          <div id="3" class="tab-pane active">
            <p>这里是3单元</p>
          </div>
        </div>
      </div>
            

</body>
</html>
